<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>刷脸考勤记录</title>

<link href="./css/style.css" rel="stylesheet" type="text/css" />
<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>
<script type="text/javascript" src="./js/jquery.idTabs.min.js"></script>
<script type="text/javascript" src="./js/application/memberindex.js"></script>
<script type="text/javascript" src="./js/application/memberWorkAttendance.js?v=20180425-3"></script>
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript" src="./laydate/laydate5.js"></script>
<style>
.cancelBtn{background: #fff;color: #000;border: 1px solid #000;}
.leftMenuTitle{background:url("./images/lefttop.gif") no-repeat;background-size: 4px 22px;background-position: 1px 7px;padding-left: 12px;}
.leftMenuTitle span{border-bottom:0px;}
.modal-dialog .table td, .table th{border:0px}
</style>
<script>
$(function(){
	laydate.render({
		  elem: '#searchBeginTime',
		  type:'date',
		  //value: new Date()
		  
		});
	laydate.render({
		  elem: '#searchEndTime',
		  type:'date',
		//  value: new Date()
		});
	laydate.render({
		  elem: '#startwork'
		  ,type: 'time'
		  ,format: 'HH:mm:ss'
		});
	laydate.render({
		  elem: '#endwork'
		  ,type: 'time'
		  ,format: 'HH:mm:ss'
		});
})
</script>
</head>
<body>
<div class="incList">	
    <div class="formbody" name="workAttendanceList">
    	<div class="leftMenuTitle formtitle"><span id="infoTitle">刷脸考勤记录</span></div>
        <div class="tools">
            <ul class="seachform">   
            	<li>
                	<label>时间筛选:</label>
                    <input name="beginTime" id="searchBeginTime" message='请选择开始时间' formParameter="clue" placeholder="请选择开始时间" 
                    	 type="text" name="" class="indinput"/>                        
                </li>
				<li>
                	<label>至</label>
                    <input name="endTime" id="searchEndTime" message='请选择结束时间' formParameter="clue" placeholder="请选择结束时间" 
                    	 type="text" name="" class="indinput"/>                        
                </li>
				
				<li>
					<label>选择人员</label>
					<div class="vocation">
                        <select class="tlselect" name="userSelect" id="userStatus">
                            <option value="0" selected>全部</option>
                        </select>
					</div>
                </li>			
                <li style="float:right"><label>&nbsp;</label><input name="btnSerch" onclick="search();" type="button" class="scbtn" value="查询"/></li>
                <li style="float:right"><label>&nbsp;</label><input type="button" class="scbtn" data-drop="static" data-toggle="modal" data-target="#addModal" value="考勤设置"/></li>

            </ul>
        </div>
        <style>.tablelist th{background:#fefefe;border: solid 1px;text-align:center;}</style>
        
        <div id="usual1" class="usual">     
            <div id="tab2" class="tabson">    
                <table class="tablelist">
                    <thead>
                        <tr>
                        	<th rowspan="2">姓名</th>
                            <th rowspan="2">部门</th>
                            <th rowspan="2">日期</th>
                            <th colspan="2">上班</th>
                            <th colspan="2">下班</th>
                        </tr>
                        <tr>
                        	<th>打卡时间</th>
                            <th>打卡结果</th>
                           	<th>打卡时间</th>
                            <th>打卡结果</th>
                        </tr>
                    </thead>
                    <tbody id="userTable"></tbody>
                </table>
				<div class="pagin">
                    <div class="message">共<i id="totalRow" class="blue">0</i>条记录，每页<i id="pageSize" class="blue">0&nbsp;</i>条记录，当前显示第&nbsp;<i id="currentPage" class="blue">1&nbsp;</i>页</div>
                    <ul class="paginList" ></ul>
                </div>
            </div>
        </div>   
    </div>

	</div>
    
</div>


<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">考勤设置</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
            <table class="table">
			    <tbody>
			    <tr><td><font color="red">*</font>上班时间:<input name="startwork" id="startwork" placeholder="请选择上班时间" 
                    	type="text" name="" class="indinput"/>  </td></tr>
			    <tr><td style="color:#999">设置的上班时间前3个小时内可打卡成功，超出3个小时则不记录</td></tr>
			    <tr><td><font color="red">*</font>下班时间:<input name="endwork" id="endwork" placeholder="请选择下班时间" 
                    	type="text" name="" class="indinput"/>  </td></tr>
			    <tr><td style="color:#999">设置的下班时间后10个小时内可打卡成功，超出10个小时则不记录</td></tr>
			   
				</tbody>
			</table>
			</div>
            <div class="modal-footer" style="text-align:center;display: block">
                <button type="button" class="btn btn-default cancelBtn" data-dismiss="modal">返回</button>
             	<button type="button" id="btn-save" class="btn btn-primary">确定</button>
               
            </div>
        </div>
    </div>
</div>




</body>
</html>